﻿@charset "utf-8";
/*end*/
body{overflow-x:hidden;}
/**/
.fullSlide{min-width:1200px;position:relative;height:660px;overflow:hidden; z-index: 2; }
.fullSlide .bd{position:relative;z-index:0;}
.fullSlide .bd ul{width:100%!important;height:660px;}
.fullSlide .bd li{width:100%!important;height:660px;overflow:hidden;text-align:center;position: relative;}
.fullSlide .bd li a{display:block;height:760px;}
.fullSlide .bd li img {position: absolute;left:50%;margin-left:-960px;top:0;}
.fullSlide .hd{position: absolute;width: 100%;left: 0;bottom:0;text-align: center;height: 45px;box-sizing: border-box;}
.fullSlide .hd li{display: inline-block;width:17px;height:17px;background: #da251d;margin:0 5px;border-radius: 17px; cursor: pointer;}
.fullSlide .hd li.on{background: #ffeb12;}
.fullSlide .jt{position: relative;}
.fullSlide .jt i{display: block;width:60px; height:118px;cursor: pointer;}
.fullSlide .jt .prev{background:url(../images/uuu.png) no-repeat center;position: absolute;bottom:320px; left:-71px; width: 56px; height: 107px;}
.fullSlide .jt .next{background:url(../images/ddd.png) no-repeat center;position: absolute;bottom:320px; right:-71px; width: 56px; height: 107px;}
/**/
.sli{background:url(../images/sli.jpg) no-repeat center 0; height: 705px; overflow: hidden; }
.sli_l{ padding-top: 123px; width: 400px;}
.sli_l h3 i{ line-height: 100%; font-size: 52px; color: #004386;font-weight: bold; height:66px; }
.sli_l h3 i span{ color: #da251d;}
.sli_l h3 em{ display: block; line-height: 100%; font-size: 30px; color: #333; font-weight: normal; padding: 6px 0 55px 0;}
.sli_l p{ height: 202px; border-bottom: 5px solid #cecece; color: #5f5d5e; font-size: 16px; line-height: 30px; margin-bottom:30px}
.sli_r{ margin-top: 116px; width: 699px;background:url(../images/sli.png) no-repeat; width: 699px; height: 404px;}
.sli_r ul{ overflow: hidden; padding: 73px 0 0 100px;}
.sli_r ul li{ float: left; width: 200px; text-align: center; height: 170px; font-size: 22px; color: #fff; }
.sli_r ul li em{ display: block; line-height: 100%; padding-top: 12px;text-shadow: 0 0 3px rgba(0,0,0,.9);}
.sli_r ul li i{ font-size: 18px; text-shadow: 0 0 3px rgba(0,0,0,.9);}
.sli_r ul li i span{ display: inline-block; line-height:78%; font-size: 72px;font-weight: bold; letter-spacing: -2px; font-family: arial;}
.sli_r ul li:nth-of-type(2),.sli_r ul li:nth-of-type(3){ color: #fff;}
.sli_r ul li:nth-of-type(3){ margin-left: 100px;}

/**/
.fengongsi{background:url(../images/main_bac.jpg) no-repeat center bottom; height: 935px; overflow: hidden; padding-top:90px }
.swiper-father .swiper-container, .swiper-father {
    width: 100%;
    margin: auto;
}.swiper-wrapper{ width:90%; display:flex; margin:0 auto; justify-content:space-between }
.swiper-slide{ flex-direction: column;overflow: hidden; flex:1; margin:2% 1%}
.swiper-slide::after{content: '';display: block;width: 100%;height: 5px;background: #004386;}
.swiper-slide a>div:first-child{overflow: hidden;width: 100%;}
.swiper-slide a>div:first-child img{width: 100%;height: auto;max-width: 100% ;min-width: 100%; max-height:405px;}
.index-swiper-slide-last{ display: flex; justify-content: space-between; flex-direction: row; background: #fff; width: 100%; padding: 25px 0 30px 0; }
.index-swiper-slide-last div:first-child{text-align: start;margin-left: 50px;}
.index-swiper-slide-last div:first-child h3{ color:#333; font-size: 24px; }
.index-swiper-slide-last div:first-child span{ color:#666; font-size: 16px; margin-top: 3px;display: block; line-height:40px; text-transform:uppercase; font-weight:bold}

.index-swiper-slide-last div:last-child{margin-right: 40px;color: #666;font-size: 16px;}


.swiper-slide:hover .index-swiper-slide-last{background: #004386;}
.swiper-slide:hover .index-swiper-slide-last div:first-child h3{color: #fff;}
.swiper-slide:hover .index-swiper-slide-last div:first-child span{color: #fff; }
.swiper-slide:hover .index-swiper-slide-last div:last-child{color: #fff;}






/**/
h2{ text-align: center; line-height: 100%; margin-bottom:35px; }
h2 i{ display: block; line-height: 100%; font-size: 52px; color: #004386; font-weight:bold}
h2 i b{ color: #004386; position: relative; padding-right: 12px; line-height: 100%; display: inline-block;}
h2 i b:before{ position: absolute; right:-4px; top:25px;content: ""; width:0px; height: 9px; background: #fff; border-radius: 9px; }
h2 em{ display: block; line-height: 100%; padding: 19px 0 55px ;font-weight: normal; font-size: 20px; color: #5f5d5e;background:url(../images/h2.png) no-repeat center bottom;}
.pros{ overflow: hidden; height: 1063px;}
line3 {
    width: 54px;
    height: 54px;
    background: url(../images/line.png) no-repeat center top;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
}.footer{ display:block}
.more a {
    display: inline-block;
    width: 136px;
    height: 50px;
    line-height: 50px;
  
    font-size: 16px;
    color:#5f5d5e;
    text-align: center; border: 1px solid #dadada;
}
.more a:hover{    width: 169px; background:#004386; color:#fff}


.more1 a {
    display: inline-block;
    width: 190px;
    height: 50px;
    line-height: 50px;
  
    font-size: 16px;
    color:#fff;
    text-align: center; background:#cc0000
}
.more1 a:hover{    width: 229px; background:#004386; color:#fff}













.pros_l{ width: 384px; padding-top: 15px; }
.pros_l h3{ padding-left: 73px; padding-top: 11px;background:url(../images/p_h.png) no-repeat; height: 93px;}
.pros_l h3 a{ display: block; border-top: 1px solid #5f5d5e;border-bottom: 1px solid #5f5d5e; margin-right: 50px; padding-top: 16px; height: 72px;}
.pros_l h3 a span{ display: block; line-height: 100%; font-size: 18px; color: #5f5d5e; text-transform: uppercase;font-weight: bold;}
.pros_l h3 a i{ color: #5f5d5e; font-size: 36px; display: block; line-height: 100%; padding-top:4px;}
.pros_l h3 a i em{font-weight: bold; color: #da251d;}
.pros_l p{ padding-top: 70px; height: 115px; font-size: 16px; color: #5f5d5e; line-height: 27px;margin-right: 33px;}
.pros_l h4{font-weight: normal; padding-bottom: 55px;}
.pros_l h4 a{ display: inline-block; width: 116px; height: 42px; line-height: 42px; background: #ffeb12; font-size: 14px; color: #da251d; text-align: center;}
.pros_l ul li{ position: relative; font-size: 0; line-height: 0;}
.pros_l ul li img{ width: 384px;}
.pros_l ul li i{ display: inline-block; position: absolute; left: 0; bottom: 0; font-size: 16px; width: 100%; color: #fff; height: 40px; line-height: 40px; text-align: center; background: rgba(0,0,0,0.35);}
.pros_r{ width: 785px; padding-top: 69px;background:url(../images/pros_r.png) no-repeat right 0; position: relative;}
.pros_r ul li{ position: relative; font-size: 0; line-height: 0; overflow: hidden;}
.pros_r ul{ height: 588px; overflow: hidden;}
.p_uu{ position: absolute; font-size: 0; line-height: 0; overflow: hidden; z-index: 55; left: 0; top: 311px; padding-top: 29px; width: 70px; height:41px; text-align: center; background: rgba(0,0,0,0.35); cursor: pointer;}
.p_dd{ position: absolute; font-size: 0; line-height: 0; overflow: hidden; z-index: 55; right: 0; top: 311px; padding-top: 29px; width: 70px; height:41px; text-align: center; background: rgba(0,0,0,0.35); cursor: pointer;}
.pros_r p{ margin-top: 32px; float: right; width: 478px; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada;}
.pros_r p a{ display: inline-block; float: left; height: 43px; line-height: 43px; text-align: center; font-size: 16px; color: #5f5d5e; border-left: 1px solid #dadada; border-top: 1px solid #dadada; width: 238px;}
.pros_r p a:hover,.pros_r p a.on{ color: #fff; background: #da251d;}
    /**/
.pros2{background:url(../images/pros2.jpg) no-repeat center 0;max-width: 1920px; margin-bottom: 85px;}
.pros2 .pros_r{ background: none; padding-top: 100px; width: 45.8%;}
.pros2 .pros_l{ width: 51.3%; padding-top:102px; box-sizing: border-box; padding-right: 18.8%;}
.pros2 .pros_l h3{background: url(../images/p_h2.png) no-repeat; padding-left: 114px; position: relative;    width: 236px;}
.pros2 .pros_l h3 b{ display: inline-block; position: absolute; top: 56px; left: 502px;font-weight: normal;}
.pros2 .pros_l h3 b a{display: inline-block; width: 116px; height: 42px; line-height: 42px; background: #ffeb12; font-size: 14px; color: #da251d; text-align: center; border: none; padding: 0;}
.pros2 .pros_l p{ padding-top: 42px; margin-right: 0; height: 142px;}
.pros2 .pros_l ul{ height: 326px;width: 619px;
overflow: hidden;}
.pros2  .pros_l ul li{ float: left; width: 301px; margin-right:16px;}
.pros2  .pros_l ul li:last-of-type{ margin-right: 0;}
.pros2  .pros_l ul li img{ width: 301px;}
.pros2  .pros_l h5{ height: 150px; overflow: hidden; }
.pros2  .pros_l h5 a{ display: inline-block; float: left; box-sizing: border-box; width: 33.33%; font-weight: normal; height: 43px; line-height: 40px; background: #fff; font-size: 16px; color: #5f5d5e; text-align: center; border-left: 1px solid #dadada; border-top: 1px solid #dadada;border-bottom: 1px solid #dadada;}
.pros2  .pros_l h5 a:last-of-type{border-right: 1px solid #dadada;}
.pros2  .pros_l h5 a:hover,.pros2 .pros_l h5 a.on{ color: #fff; background: #da251d;}
.pros2 .pros_r ul{ height: auto;}
    /**/
.pros3{ overflow: hidden; height: 857px;}
.pros3 .pros_l h3{background: url(../images/p_h3.png) no-repeat; padding-left: 100px;}
.pros3 .pros_l h3 a{ margin-right: 25px;}
/**/
.pros4{ overflow: hidden;background:url(../images/pros4.jpg) repeat; height: 942px; box-sizing: border-box; padding-top: 82px;}
.pros4 h2{margin-bottom: 50px;}
.pros41{max-width: 1920px;}
.pros41 ul{ margin-left: 1.8%; display:flex}
.pros41 ul li{  margin-right: 1.3%; font-size: 0; line-height: 0; position: relative; box-shadow: 2px 2px 6px rgba(0,0,0,0.12); margin-bottom: 50px;width: 18.6%; flex:1}
.pros41 ul li:last-of-type{ margin-right: 0;}
.pros41 ul li img{ width: 100%;}
.pros41 ul li b{ display: none;}
.pros41 ul li em{ display: inline-block; position: absolute;  padding: 13% 0 0 8%; box-sizing: border-box; left: 0; top: 0; width: 100%; height: 100%;}
.pros41 ul li em span{ display: block; line-height: 100%; font-weight: bold; font-size: 18px; color: #5f5d5e;  text-transform: uppercase;}
.pros41 ul li em i{ display: block; padding:9px 0 43px 0; line-height:100%;font-size: 24px; color: #5f5d5e;font-weight: bold;background:url(../images/pros42.png) no-repeat left bottom; }
.pros41 ul li:hover em{ background: rgba(0,0,0,0.35);}
.pros41 ul li:hover em span,.pros41 ul li:hover em i{ color: #fff;}
.pros41 ul li:hover em b{ display: block; display: inline-block; width: 116px; height: 42px; line-height: 42px; background: #da251d; font-size: 14px; color: #fff; text-align: center;font-weight: normal; margin-top:36%;}

.pros42{ margin: 0 auto; width: 1200px; background: #fff; padding: 13px; height: 148px;}
.pros42 h3{ float: left;background:url(../images/pros_mor.jpg) no-repeat; width: 241px; height: 128px;  text-align: center;}
.pros42 h3 span{ display: block; line-height: 100%; padding-top: 38px; padding-bottom: 14px; color: #fff;font-weight: bold; font-size: 24px;}
.pros42 h3 i a{ display: inline-block; line-height: 100%; font-size: 14px; color: #f70e0e;}
.pros42 h3 i a:hover{text-decoration: underline;}
.pros42 p{ float: right; width:918px; padding-top: 6px;}
.pros42 p span{ margin-top:0px; display:block}
.pros42 p a{ display: inline-block; line-height: 37px; font-size: 16px; color: #5f5d5e; padding: 0px 25px;}
.pros42 p a:hover{ color: #da251d; text-decoration: underline; letter-spacing:1px}
/**/
.tes{ overflow: hidden;background:url(../images/tes.jpg) no-repeat center 0; height: 785px;  box-sizing: border-box; padding-top: 90px;}
.tes h2 i,.tes h2 em{ color: #fff;}.tes h2{ margin-bottom: 53px;}
.tes h2 em{    background: url(../images/t_h2.png) no-repeat center bottom;}
.tes h2 i b{ color: #ffeb12;}.tes h2 i b:before{ background: #fff;}
.tes ul li{ float: left; width: 198px; margin-right: 133px; text-align: center;}.tes ul li:last-of-type{ margin-right: 0;}
.tes ul li i{ display: block; padding-top: 269px; font-size: 26px; color: #5f5d5e; padding-bottom: 40px; position: relative;background: url(../images/tes1.png) no-repeat center 0;}
.tes ul li:nth-of-type(2) i{background: url(../images/tes2.png) no-repeat center 0;}
.tes ul li:nth-of-type(3) i{background: url(../images/tes3.png) no-repeat center 0;}
.tes ul li:nth-of-type(4) i{background: url(../images/tes4.png) no-repeat center 0;}
.tes ul li i:before{ left: 82px; position: absolute;top:315px; content: ""; width: 40px; height: 1px; background: #d7dbe3; z-index: 55;}
.tes ul li em{ display: inline-block; color: #999999; font-size: 14px; line-height: 24px;}
.tes ul li:hover i,.tes ul li.on i{color: #da251d; font-weight: bold;}
.tes ul li:hover i:before,.tes ul li.on i:before{ background: #5f5d5e;}
.tes ul li:hover em,.tes ul li.on em{ color: #5f5d5e;}
.tes ul li:nth-of-type(2):hover i{background: url(../images/tes22.png) no-repeat center 0;}
.tes ul li:nth-of-type(1):hover i,.tes ul li.on i{background: url(../images/tes11.png) no-repeat center 0;}
.tes ul li:nth-of-type(3):hover i{background: url(../images/tes33.png) no-repeat center 0;}
.tes ul li:nth-of-type(4):hover i{background: url(../images/tes44.png) no-repeat center 0;}
/**/
.cases{ padding-bottom: 117px; padding-top:113px}
.cases h2{ margin-bottom: 50px;}
.c_lis{ margin: 0 auto;width: 1200px; height: 91px;}
.c_lis ul{ overflow: hidden; margin-left: 1px; display:flex}
.c_lis ul li{ float: left; margin-right: 10px ;flex:1}
.c_lis ul li a{ display: inline-block; height: 41px; line-height: 41px; text-align: center; border: 1px solid #d2d2d2; font-size: 19px; color: #666; display:block }
.c_lis ul li a:hover{ background: #da251d; color: #fff;border: 1px solid #da251d; font-weight: bold;}
.c_ons{ overflow: hidden;}
.c_ons ul li{ float: left; width: 24%; background: #f0f0f0; margin-bottom: 22px; box-shadow: 0 0 6px rgba(240,240,240,1); height:270px}
.c_ons  img{ width: 100%;}
.c_ons ul li em{ display: block; height: 76px; overflow: hidden;  padding-top: 13px;box-sizing: border-box; margin: 0  0 0 22px; font-size: 14px; color: #5f5d5e; float: left; line-height: 100%;}
.c_ons ul li i{ display: inline-block; float: right; width: 116px; height: 42px; line-height: 42px; background: #b3b3b3; text-align: center; font-size: 14px; color: #fff; margin-right: 22px; margin-top: 13px;}
.c_ons ul li em b{ display: block; line-height: 100%; font-size: 16px; color: #5f5d5e; font-weight: bold; margin-bottom: 7px;}
.c_ons ul li:nth-of-type(2n){ margin-left:52%;}
.c_ons ul li:hover i{ background: #da251d; color: #fff;}
.c_ons ul li:hover em b{ color: #333;}
.c_ons dl{ position: absolute; left:25.1%; width: 49.9%;box-shadow: 0 0 12px rgba(0,0,0,0.15);min-height: 573px;}
.c_ons dl dd{ height:8.2vw; background: #fff; position: relative; padding-left:7%; padding-top: 1.5vw; box-sizing: border-box;}
.c_ons dl dd em{ display: inline-block; position: absolute; right: 7%; top: 2.8vw;}
.c_ons dl dd em a{display: inline-block; width: 116px; height: 42px; line-height: 42px; background: #da251d; font-size: 14px; color: #fff; text-align: center;}
.c_ons dl dd h4 a{font-weight: normal; font-size: 16px; color: #000000;}
.c_ons dl dd h4 a span{font-weight: bold; padding-right: 29px; font-size: 22px;}
.c_ons dl dd p{ font-size: 16px; color: #666666; padding-top: 16px; line-height: 25px; width: 71.5%;}
    /**/
.yous{ overflow: hidden;background: url(../images/sli1.jpg) no-repeat center top ; height: 986px; box-sizing: border-box; padding-top: 101px;}
.yous h2{ height: 201px; overflow: hidden; margin-bottom: 0;}
.ys_li{ width: 185px; margin-top: 115px;}
.ys_li ul li{ padding-top: 21px;position: relative; margin-bottom: 44px; cursor: pointer;}
.ys_li ul li em{ display: none;}
.ys_li ul li i{ display: block; padding-left: 61px; font-size: 24px; color: #5f5d5e; line-height: 100%; padding-top: 14px; padding-bottom: 11px;background: url(../images/ys_i1.png) no-repeat 0 3px;}
.ys_li ul li:nth-child(2) i{background: url(../images/ys_i2.png) no-repeat 0 3px;}
.ys_li ul li:nth-child(3) i{background: url(../images/ys_i3.png) no-repeat;}
.ys_li ul li:nth-child(4) i{background: url(../images/ys_i4.png) no-repeat 0 4px;}
.ys_li ul li.cur i{background: url(../images/ys_i22.png) no-repeat 0 13px; font-size: 32px; color: #013e93; font-weight: bold; padding-left: 57px;}
.ys_li ul li.cur em{ display: block; font-size: 16px; color: #013e93; line-height: 25px; padding-left: 57px;}
.ys_li ul li.cur:before{ position: absolute; left: 0; top: 0; height: 3px; background: #013e93; content: ""; width: 0; transition: all 0.2s;}
.ys_li ul li.cur:before{ width: 100%;}
.ys_li ul li:nth-child(1).cur i{background: url(../images/ys_i11.png) no-repeat 0 11px;}
.ys_li ul li:nth-child(2).cur i{background: url(../images/ys_i22.png) no-repeat 0 11px;}
.ys_li ul li:nth-child(3).cur i{background: url(../images/ys_i33.png) no-repeat 0 11px;}
.ys_li ul li:nth-child(4).cur i{background: url(../images/ys_i44.png) no-repeat 0 11px;}

.ys_on{ width: 1260px; margin-right: -360px;}
.ys_on1 dl dt{ float: left; margin-top: 114px; margin-right: -265px; width: 414px; height: 460px; background: #013e93; position: relative; box-sizing: border-box; padding: 78px 55px 0;}
.ys_on1 dl dt h3{ line-height: 100%; font-size: 32px; color: #fff; padding-bottom: 32px;}
.ys_on1 dl dt h3 i{ font-size:20px; line-height:12px}


.ys_on1 dl dt h3 span{ display: block; font-weight: bold; line-height: 100%; padding-top: 8px; line-height:40px}
.ys_on1 dl dt p{ height: 173px; line-height: 26px; font-size: 16px; color: #e0e0e0;}
.ys_on1 dl dd{ float: right;}
.ys_u{ position: absolute; cursor: pointer; z-index: 55; left: 571px; top: 685px;}
.ys_d{ position: absolute; cursor: pointer; z-index: 55; left: 616px; top: 685px;}
.ys_page{position: absolute; left: 356px; color: #fff; z-index: 56; top: 685px; font-size: 14px;font-weight: bold;}
.ys_page i,.ys_page span{ font-size: 30px;}






.xad{height: 199px;background:url(../images/xad_bg.jpg) no-repeat center;box-sizing: border-box; }
.xad ul{ float: left;width: 920px; padding-top: 65px; display:flex}
.xad ul li{ flex:1;padding: 0 9px;transition: all 0.5s;}
.xad ul li:first-child{ padding-left: 0; }
.xad ul li img{ display: block;width:40px;height: 40px;margin: 0 auto; }
.xad ul li:hover img {animation-duration: 2s;animation-name: flipInY;}
.xad ul li:hover{ transform: translateY(-5px); }
.xad ul li span{ display: block;font-size: 18px;color: #fff;text-align: center;line-height: 35px; }
.xad .zx{ float: right;width: 175px;height: 41px;background: #fff;border-radius: 21px;margin-top: 77px;padding-left: 20px;font-size: 16px;color: #333;line-height: 41px;box-sizing: border-box;transition: all 0.5s;}
.xad .zx:hover{ transform: translateY(-5px); }
.xad .zx img{ display: block;width: 28px;height: 28px;padding-top: 7px;float: right;padding-right: 7px;vertical-align: middle; }
.xad_t { float: right; margin-top: 60px; margin-right: 0px;}
.xad_t p{ height: 32px;margin-bottom: 12px; }
.xad_t p:hover span img {animation-duration: 2s;animation-name: flipInY;}
.xad_t span img{ display: block; width:32px;height: 32px;float:left; padding-right: 0px;}
.xad_t strong { display: block; font-size: 26px; color: #fff; line-height:32px; float:left;font-weight: bold; padding-left:8px}












.hezuo{ overflow: hidden;background:#f7f7f7; height: 879px; box-sizing: border-box; padding-top: 101px; }
.hezuo h2{ height: 201px; overflow: hidden; margin-bottom: 0;}


.hezuo ul{ width:100%; display:flex; flex-wrap:  wrap}

.hezuo li{width: 14.6%; margin-left:1%; margin-right:1%;margin-bottom: 10px;border-radius:2px;box-sizing: border-box;}
.hezuo li:nth-child(6n){ margin-right: 0; }
.hezuo li i{display: block;overflow: hidden; margin: 0 auto; height:100%}
.hezuo li i img{display: block;max-width: 100%; height:100%;transition: all 0.5s;margin: 0 auto; border: 1px solid #e6e6e6;}
.hezuo li i:hover img{transform: scale(1.05);}










/**/

.news{ width:100%; padding:90px 0}

.news_t{ margin:0 auto;height:447px; width:100%; margin-top:70px }
.news_t dl{ position:relative;width: 50%;height: 447px;float: left; }
.news_t dt{ display: block;width: 100%;height: 447px; overflow:hidden;}
.news_t dt img{ display: block;width:100%;height: 447px; overflow:hidden;}


.news_t dd{ position: absolute;left:0;bottom:0;height: 110px;background: rgba(0,0,0,0.45);padding: 22px 30px 0 20px;box-sizing: border-box;width: 100%; }
.news_t dd em{ display:inline-block;float: left;width: 50px;height: 18px;font-size: 18px;line-height: 18px;color: #d7161d;text-align: center; border-right: 1px solid #fff;}
.news_t dd p{ display:inline-block;float: left; margin-left: 8px; width:400px}
.news_t dd p a{ display: block; font-size: 18px;line-height: 19px;color: #fff;}
.news_t dd p span{ display: block; font-size: 14px;line-height: 14px;color: #fff;padding-top: 10px; display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;          overflow: hidden;
}
.news_t ul{ float: left;width:50%;box-sizing: border-box;padding: 0 2%;height: 447px;background: #f5f5f5; }
.news_t ul li{height: 102px;border-bottom: 1px solid #e3e3e3;padding-top: 40px;box-sizing: border-box;}
.news_t ul li:last-child{border-bottom: 0;}

.news_t ul li h4 { display: inline-block; font-size: 16px; line-height: 24px; color: #222222; max-width: 400px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 400; position: relative; -o-transition: all .3s ease; transition: all .3s ease ;height:24px;}
.news_t ul li h4:after { position: absolute; content: ""; width: 0; bottom: 0px; left: 0; height: 1px; background: #01479c; -o-transition: all .3s ease; transition: all .3s ease ;}

.news_t ul li em{ text-align: right;font-size: 14px;color: #9c9c9c;font-family: Arial;line-height: 14px;display: block;padding-top: 7px; width:30%; float:right }
.news_t ul li:hover h4{ color: #01479c;}
.news_t li:hover h4:after { width: 100%; }
.news_con{ margin:0 auto; width:100%; margin-top: 20px; position:relative }
.news .bt{height: 42px;line-height: 42px;margin-bottom:20px;position: relative;}
.news_con .bt span a{font-size:20px;color: #333333;font-weight: bold;}
.news_con .bt i{font:12px arial;color: #999999;text-transform: uppercase;line-height: 42px;padding-left:6px;}

.news_con .bt em a{float:right;font-size:14px;color: #666666;line-height: 42px;box-sizing: border-box;padding-top:4px;}
.news_l .bt{ margin:0 0  3% 0}
.news_l{ margin:0 auto;width: 100%;padding: 28px 38px 0 26px;box-sizing: border-box;height: 315px;background: #fff; background:#f5f5f5 }
.news_l .bt:after{content: "";display: block;width:72%;height: 1px;background: #c7c7c7;position: absolute;left:278px;top:22px;}
.news_l li{ float: left;width: 30%;margin-right: 3%; }

.news_l li em{ display: block;font-size: 14px;color: #666; line-height: 24px;position: relative;}
.news_l li em  i{ display: inline-block;font-size: 24px;color: #363a45;line-height: 24px;margin-right: 20px;font-family: Arial;vertical-align: bottom; }
.news_l li em:after{content: "";display: block;width:1px;height: 10px;background: #e7e7e7;position: absolute;left:70px;top:7px;}
.news_l li h4{ display: block;font-size: 16px;color: #666666; line-height: 16px;margin-top: 16px;margin-bottom: 36px;font-weight: normal; float:left; width:70%}
.news_l li h5{ display: block;font-size: 16px;color: #666666; line-height: 16px;margin-top: 16px;margin-bottom: 36px;font-weight: normal; float:left; width:100% ; display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden; height:18px
}


.news_r{ float: right;width: 390px;padding: 28px 20px 0 26px;box-sizing: border-box;height: 275px;background: #fff;  }
.news_r .news2{ margin-top: 32px; }
.news_r li{padding-left: 12px;box-sizing: border-box;position: relative;}
.news_r li:after{content: "";display: block;width:6px;height: 6px;background: #363a45;position: absolute;left:0px;top:6px;border-radius: 3px;}
.news_r li h4{ display: block;font-size: 16px;color: #222222; line-height: 16px;margin-bottom: 14px;font-weight: normal;}
.news_r li p{ display: block;font-size: 14px;color: #666666; line-height: 14px;position: relative;margin-bottom: 38px;}
.news_l li:hover h4,.news_r li:hover h4{ color: #01479c;}

/******footer*******/

/*footer*/
.footer{background:url(../images/footer.jpg) no-repeat center top #313036; height:608px; line-height:35px}
.footer-s{margin:0 auto;overflow:hidden;}
.footer-t{padding: 100px 0 0px; width:90%; margin:0 auto  }
.footer-t .footer-s{display:flex;justify-content:space-between;flex-wrap:wrap; height:400px}
.footer-t .footer-s>p{width:1px;background:#2e2e2e;}
.footer-t .footer-s>p span{width:width:3px;height:25px;background:#007ebd;margin-left:-1px;display:block;}
.footer-t dl{box-sizing:border-box;}
.footer-t dl:nth-child(1){border:none;}
.footer-t dl:last-child{ width:22% }
.footer-t dt{color:#fff;font-size:20px;margin-bottom: 26px;text-transform: uppercase;padding-left:17px;margin-left:-2px;line-height:20px;}
.footer-t dd{color: #c2c2c2;padding-left:15px;line-height:35px; font-size:15px}
.footer-t .ewm{ width:46%; float:left; text-align:center ; color:#CCC; font-size:16px}
.footer-t span img{ margin-left:4%}
.footer-t span p{ font-size:16px; text-align:center; color:#999}
.footer-t dd img{display:block;margin-bottom:35px; width}
.footer-t dl>a{display:block;margin-left:20px;color:#fff;line-height:40px;padding-left:57px;padding-right:27px;border-radius:10px;background:url(../images/zxbj.png)no-repeat center left 20px #cfa849;box-sizing:border-box;width: 140px;}
.footer-t dl>a:hover{background: url(../images/zxbj.png)no-repeat center left 20px #006cf3;}
.footer-t dd a{color: #c2c2c2;display:block; font-size:15px; line-height:35px}
.footer-t dl p{padding-top:0px; font-size:14px}
.footer-t dl p a{padding-left:10px;}
.footer-t dl dd a:hover{color:#006cf3; margin-left:5px;  transition:all 0.4s; border-bottom:1px #006cf3 solid; }

.footer-b{overflow:hidden;line-height:60px;background:#cfa849;}
.footer-b-l{ width:100%; margin:0 auto ; height:50px;  border-top:1px #454449 solid; padding-top:20px}


.footer-t dl:nth-child(6) a{color: #c2c2c2;display:inline ;font-size:15px; line-height:35px; padding-left:0}



.ewm img{display:block;}


.footer-b-l span{ display:inline}
.footer-b-l a{ font-size:15px; color:#adadae}
.footer-b-l span{ font-size:15px; color:#adadae}

/**/
.zj{  height: 1130px;background:url(../images/zj.jpg) no-repeat center 0;overflow: hidden; }
.zj1{ overflow: hidden; padding-top: 96px; height: 437px;text-align: center;}
.zj1 h3 i{ display: block; line-height: 100%; font-size: 52px; color: #5f5d5e; font-weight: bold;}
.zj1 h3 i span{ color: #da251d;}
.zj1 h3 em{ display: block; line-height: 100%; padding: 15px 0 50px 0; font-size: 20px; color: #5f5d5e;}
.zj1 p{ text-align: center; height: 115px; font-size: 16px; color: #5f5d5e; line-height: 25px;}
.zj1 p span{ display: block;}
.zj1 em a{ display: inline-block; width: 122px; height: 48px; line-height: 48px; background: #ffeb12; color: #333;  text-align: center;}

.zj_on2{ height: 349px;}
.zj_on21{ margin-left: -140px; overflow: hidden;}
.zj_on21 ul li{ float: left; width: 408px; margin-right: 15px; position: relative;}
.zj_on21 ul li:last-of-type{ margin-right: 0;}
.zj_on21 ul li i{ display: block; position: absolute; left: 0; width: 100%; top: 250px; height: 35px; line-height: 35px; color: #fff; font-size: 16px; background: rgba(0,0,0,0.4); text-align: center;}

.zj_on22{     width: 142px;
    position: absolute;
    right: -75px;
    top: 534px;}
.zj_on22 ul li a{ display: block; height: 85px; line-height: 85px; background: #f0f0f0; margin-bottom: 15px; text-align: center; font-size: 22px; color: #5f5d5e;}
.zj_on22 ul li a:hover,.zj_on22 ul li.on a{ background: #da251d; color: #fff; font-weight: bold;}

.zj_on3{ overflow: hidden;}
.zj_on3 ul li{ float: left; text-align: center;}
.zj_on3 ul li img{ display: inline-block; float: left;}
.zj_on3 ul li em{ display: inline-block; float: left; padding: 24px 0 0 18px; text-align: left; font-size: 30px; color: #da251d; line-height: 100%;}
.zj_on3 ul li em span{ display: block; line-height: 100%; font-weight: bold; color: #aaa9aa; font-size: 12px; text-transform: uppercase; padding-bottom: 7px;}
.zj_on3 ul li i{ display: block; padding-top: 15px; font-size: 16px; color: #5f5d5e; clear: both;}
.zj_on3 ul li:nth-child(2){ padding: 0 255px;}
/**/
.link{height:88px; line-height:88px;background:#1a1a1a; overflow: hidden; border-top: 1px solid #484848;}
.link a{display: block;font-size: 14px; color:#9e9e9e;float:left; margin-left: 47px;}
.link a:hover{ color: #fff;}
.link span{ display: inline-block; float: left;color:#9e9e9e; font-size: 14px;}
/**/
.zouj dl dt img,.zouj em a,.kob_on dl dt b img,.brand h4 a,.case_con dt img,.morg h3 span a,.tta ul li:last-of-type button,.xil_bm ul li img,.xil_l h4 a,.xil_r2 ul li img,.cij dl dt img{ transition: all 0.3s linear 0s;}
.zouj dl dt:hover img,.n_l dl dt:hover img,.n_r dl dt:hover img,.kob_on dl dt b:hover img,.case_con dt:hover img,.morg ul li:hover img,.xil_bm ul li:hover img,.xil_r2 ul li:hover img,.cij dl dt img:hover{transform: scale(1.08);}
.zouj em a:hover,.brand h4 a:hover,.morg h3 span a:hover,.xil_l h4 a:hover{ background-position: 110px 17px;font-weight: bold;}
.n_r dl dd h4 a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.n_l ul li a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news h3 a:hover{ text-decoration: underline;}
.n_l dl dt img{ width: 284px;transition: all 0.3s linear 0s;}
.n_r dl dt img{ width: 151px;transition: all 0.3s linear 0s;}
.morg ul li img{ width: 297px;transition: all 0.3s linear 0s;}
.morg ul li{ font-size: 0; line-height: 0; overflow: hidden;}
.tta ul li:last-of-type button:hover{background-position: 139px 15px; font-weight: bold;}
.cij dl dt{ border-top-left-radius: 27px; overflow: hidden;border-bottom-right-radius: 27px;}
.cij dl{ overflow: hidden;border-top-left-radius: 27px; }
/**/
.pros_l ul li,.pros_r ul li,.pros41 ul li{ overflow: hidden;}
.pros_l h4 a,.pros_l ul li img,.pros_r ul li img,.pros41 ul li img,.zj1 em a{transition: all 0.2s;}
.pros_l h4 a:hover{    width: 139px;}
.zj1 em a:hover{    width: 159px;}
.pros_l ul li:hover img,.pros_r ul li:hover img,.pros41 ul li:hover img{transform: scale(1.08);}
/**/
/**/
/**/
/**/

@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }
@keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-moz-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-webkit-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-o-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}

.swiper-slide{ width:48%!important}
/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:850px){  



.index-swiper-slide-last div:first-child {
    text-align: start;
    margin-left: 30px;
}.index-swiper-slide-last div:first-child span {
    color: #666;
    font-size: 13px;
    margin-top: 3px;
    display: block;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: bold;
}.index-swiper-slide-last div:first-child h3 {
    color: #333;
    font-size: 20px;
}.fengongsi {height: 1135px;}

.swiper-slide{ width:100%!important}
.cases {
    padding-bottom: 57px;
    padding-top: 53px; width:94%; margin:0 auto
}
.cases h2 {
    margin-bottom: 20px;
}.c_lis {
    margin: 0 auto;
    width: 100%;
    height: 71px;
}.c_lis ul li {
    float: left;
    margin-right: 2px;
    flex: 1;
}.c_ons dl {
    position: absolute;
    left: 25.1%;
    width: 49.9%;
    box-shadow: 0 0 12px rgba(0,0,0,0.15);
    min-height: 573px;
    top: 90%;
}.c_ons ul li {
    float: left;
    width: 44%;
    background: #f0f0f0;
    margin-bottom: 22px;
    box-shadow: 0 0 6px rgba(240,240,240,1);
    height: 220px;
}.c_ons ul li:nth-of-type(2n){ display:none}
.c_ons ul li {
    float: left;
    width: 48%;
    background: #f0f0f0;
    margin-bottom: 22px;
    box-shadow: 0 0 6px rgba(240,240,240,1);
    height: 270px;
    margin-right: 2%;
}.c_ons dl {
    position: absolute;
    left: 0;
    width: 100%;
    box-shadow: 0 0 12px rgba(0,0,0,0.15);
    min-height: 573px;
    top: 90%;
}.c_ons dl {
    position: absolute;
    left: 0;
    width:  98%;
    box-shadow: 0 0 12px rgba(0,0,0,0.15);
    min-height: 573px;
    top: 41%;
}.c_ons {
    overflow: hidden;
    height: 690px;
}.c_ons dl dd em{ display:none}
.c_ons dl dd {
    height: 8.2vw;
    background: #fff;
    position: relative;
    padding-left: 7%;
    padding-top: 9%;
    box-sizing: border-box;
}

.pros41 {
    max-width: 100%; width: 90%; margin:0 auto 
}
.pros4 h2 {
    margin-bottom: 20px;
}.pros41 ul li {
    margin-right: 1.3%;
    font-size: 0;
    line-height: 0;
    position: relative;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.12);
    margin-bottom: 10px;
    width: 48.6%;
    flex: none;
}.pros41 ul {
    margin-left: 0%;
    display: flex;
    width: 100%; flex-wrap: wrap 
}.pros41 ul li em span{ display:none}.pros41 ul li em i {
    display: block;
    padding: 3px 0 43px 0;
    line-height: 100%;
    font-size: 20px;
    color: #5f5d5e;
    font-weight: bold;
    background: url(../images/pros42.png) no-repeat left bottom;
}.pros42 {
    margin: 0 auto;
    width: 100%;
    background: #fff;
    padding: 13px;
    height: 148px;
}.pros42 {
    margin: 0 auto;
    width: 100%;
    background: #fff;
    padding: 13px;
    height: 248px;
}.pros42 h3 {
    float: left;
    background: url(../images/pros_mor.jpg) no-repeat;
    width: 100%;
    height: 128px;
    text-align: center;background-size: 100%;
}.pros42 p {
    float: right;
    width: 100%;
    padding-top: 6px;
    height: 70px;
    overflow: hidden;
}
.tes ul li {
    float: left;
    width: 40%;
    margin-right: 5%;
    text-align: center;
    margin-left: 5%;
    height: 300px;
}.tes ul li:nth-of-type(1) i {
    background: url(../images/tes1.png) no-repeat center 0;
    background-size: 70%;
}.tes ul li:nth-of-type(2) i {
    background: url(../images/tes2.png) no-repeat center 0;background-size: 70%;
}

.tes ul li:nth-of-type(3) i {
    background: url(../images/tes3.png) no-repeat center 0; background-size: 70%;
}
.tes ul li:nth-of-type(4) i {
    background: url(../images/tes4.png) no-repeat center 0;background-size: 70%; width:100%!important; margin-left:0!important
}
.tes ul li i {
    display: block;
    padding-top: 119px;
    font-size: 20px;
    color: #fff;}

.tes ul li em {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
}

.tes ul li:nth-of-type(1):hover i{background: url(../images/tes11.png) no-repeat center 0;  background-size: 70%;}
.tes ul li:nth-of-type(2):hover i{background: url(../images/tes22.png) no-repeat center 0;  background-size: 70%;}

.tes ul li:nth-of-type(3):hover i{background: url(../images/tes33.png) no-repeat center 0;  background-size: 70%;}
.tes ul li:nth-of-type(4):hover i{background: url(../images/tes44.png) no-repeat center 0;  background-size: 70%;}

.tes ul li {
    float: left;
    width: 40%;
    margin-right: 5%;
    text-align: center;
    margin-left: 5%;
    height: 300px;
}.tes ul li i:before{ content:""; width:0px; height:0px}

h2 em {
    display: block;
    line-height: 100%;
    padding: 19px 0 15px}
	
	
	.tes {
    overflow: hidden;
    background: url(../images/tes.jpg) no-repeat center 0;
    height: 835px;
    box-sizing: border-box;
    padding-top: 60px;
    background-size: 850%;
}h2 em {
    display: block;
    line-height: 100%;
    padding: 19px 0 42px;
}.ys_li {
    width: 100%;
    margin-top: 0px;
}
	
	.ys_li ul li {
    padding-top: 21px;
    position: relative;
    margin-bottom: 44px;
    cursor: pointer;
    width: 50%;
    float: left;
}.ys_li ul li i {
    display: block;
    padding-left: 61px;
    font-size: 22px;
    color: #5f5d5e;
    line-height: 100%;
    padding-top: 14px;
    padding-bottom: 11px;
    background: url(../images/ys_i1.png) no-repeat 0 3px;
}.ys_li ul li.cur i {
   
    font-size: 24px;
}
.ys_li ul li i {
    display: block;
    padding-left: 51px;
    font-size: 22px;
    color: #5f5d5e;
    line-height: 100%;
    padding-top: 14px;
    padding-bottom: 11px;
    background: url(../images/ys_i1.png) no-repeat 0 3px;
    background-size: 20%;
}	
	.ys_li ul li:nth-child(2) i,.ys_li ul li:nth-child(3) i ,.ys_li ul li:nth-child(4) i {  background-size: 20%;
    
}
.ys_li ul li:nth-child(4).cur i,.ys_li ul li:nth-child(3).cur i,.ys_li ul li:nth-child(2).cur i,.ys_li ul li:nth-child(1).cur i {  background-size: 20%;
}.ys_li ul li {
    padding-top: 21px;
    position: relative;
    margin-bottom: 14px;
    cursor: pointer;
    width: 49%;
    float: left;
    margin-right: 1%; line-height:47px;height: 57px;
}.ys_li ul li.cur em{ display:none}

.ys_on {
    width: 100%;
    margin-right: 0;
}.ys_on1 dl dt {
    float: left;
    margin-top: 24px;
    margin-right: -265px;
    width: 100%;
    height: 160px;
    background: #013e93;
    position: relative;
    box-sizing: border-box;
    padding: 28px 15px 0;
}.ys_on1 dl dt p{ display:none}


	.ys_on1 dl dt h3 {
    line-height: 100%;
    font-size: 20px;
    color: #fff;
    padding-bottom: 32px;
}
.ys_on1 dl dt h3 i {
    font-size: 16px;
    line-height: 12px;
}.ys_on1 dl dd {
    float: right;
    width: 100%;
}.ys_on1 dl dd img{ width:100%}

.yous {
    overflow: hidden;
    background: url(../images/sli1.jpg) no-repeat center top;
    height: 936px;
    box-sizing: border-box;
    padding-top: 101px;
}.xad ul {
    float: left;
    width: 100%;
    padding-top: 65px;
    display: flex;
}.xad ul li span {
    display: block;
    font-size: 13px;
    color: #fff;
    text-align: center;
    line-height: 23px;
}.xad ul {
    float: left;
    width: 100%;
    padding-top: 45px;
    display: flex;
}.xad_t{ display:none}

.more1 a {
    display: inline-block;
    width: 120px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background: #cc0000;
}.hezuo li {
    width: 30.6%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 10px;
    border-radius: 2px;
    box-sizing: border-box;
}.hezuo {
    overflow: hidden;
    background: #f7f7f7;
    height: 939px;
    box-sizing: border-box;
    padding-top: 71px;
}.news_t ul{ display:none}
.news_t dl {
    position: relative;
    width: 100%;
    height: 347px;
    float: left;
}.news_t {
    margin: 0 auto;
    height: 337px;
    width: 96%;
}


.news_t dl {
    position: relative;
    width: 100%;
    height: 337px;
    float: left;
}

.news_t ul {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 0 48px;
    height: 337px;
    background: #f5f5f5; margin-bottom:90px
}

.news_con {
    margin: 0 auto;
   width: 100%;
    margin-top: 20px;
    position: relative;
}
.news_t dt, .news_t dt img {
    display: block;
    width: 100%;
    height: 337px;
    overflow: hidden;
}
.news_t dd {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 80px;
    background: rgba(0,0,0,0.45);
    padding: 22px 30px 0 20px;
    box-sizing: border-box;
     width: 100%;
}
.news_l .bt:after {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background: #c7c7c7;
    position: absolute;
    left: 278px;
    top: 49px;
}.news_con{ display:none}#footer{ display:none}

.news_t ul li h4 {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    color: #222222;
    max-width: 400px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
    position: relative;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    height: 24px;
    width: 100%;
}


.news_t ul li em {
    text-align:left;
    font-size: 14px;
    color: #9c9c9c;
    font-family: Arial;
    line-height: 14px;
    display: block;
    padding-top: 7px;
 
    float: left;width: 100%;
}

.news_t dd p {
    display: inline-block;
    float: left;
    margin-left: 11px;
    width: 70%;
    line-height: 50px;
}.news_t dd p a {
    display: block;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
}.footer-t {
    padding: 20px 0 0px;
    width: 90%;
    margin: 0 auto;
}.footer-t dt {
    color: #fff;
    font-size: 14px;
    margin-bottom: 26px;
    text-transform: uppercase;
    padding-left: 0px;
    margin-left: 0px;
    line-height: 20px;
}.footer-t dd {
    color: #c2c2c2;
    padding-left: 0px;
    line-height: 22px;
    font-size: 12px;
}.footer-t dd a {
    color: #c2c2c2;
    display: block;
    font-size: 12px;
    line-height: 25px;
}
.footer-t dl:nth-child(6) { display:none
}
.footer-t dl:nth-child(7) { display:none
}
.footer-b-l a {
    font-size: 12px;
    color: #adadae;
}.footer-b-l p {
    font-size: 12px;
    color: #adadae;
}
.footer-b-l {
    font-size: 12px;
    color: #adadae;
}
.footer-b-l span {
    font-size: 12px;
    color: #adadae;
}.footer-t .footer-s {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    height: 300px;
}.footer {
    height: 498px;}
}


















































